﻿<!DOCTYPE html>
<html lang="zh-CN" style="overflow: hidden;" >

<head>
    <meta charset="UTF-8">
    <title>HzyAdminUI</title>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="">
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--外部css-->
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/site.css" rel="stylesheet" />
    <link href="css/animate.css" rel="stylesheet" />
    <link href="libs/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="libs/web-icons-master/css/web-icons.css" rel="stylesheet" />
    <link href="libs/metisMenu/metisMenu.css" rel="stylesheet" />
    <!--my css-->
    <link href="css/main.css" rel="stylesheet" />
    <style type="text/css">
        body {
            overflow: hidden;
        }

        .dropdown-menu {
            margin-top: 0;
        }

        #hzy-container {
            height: 100%;
        }
    </style>
</head>


<body>
    <div id="hzy-container" class="animated fadeInDown">
        <header class="index-skin-primary">
            <div class="hzy-header-pc hidden-xs-down">
                <div class="hzy-header-left hzy-left">
                    <ul>
                        <li class="hzy-header-btn hzy-headerhover" onclick="hzy.menu.toggle(this);" title="左侧菜单/收缩"
                            data-toggle="tooltip" data-placement="bottom"><a href="javascript:void(0)"><i class="fa fa-bars"></i></a></li>
                        <li class="hzy-header-btn hzy-headerhover hzy-logo" title="Logo" data-toggle="tooltip"
                            data-placement="bottom"><a href="javascript:void(0)">HzyAdmin后台管理系统</a></li>
                    </ul>
                </div>
                <div class="hzy-header-right hzy-right">
                    <ul>
                        <li class="hzy-header-btn hzy-headerhover" onclick="hzy.tabs.refreshThisTab()" title="刷新"
                            data-toggle="tooltip" data-placement="bottom"><a href="javascript:void(0)"><i class="fa fa-rotate-right"></i></a></li>
                        <li class="hzy-header-btn hzy-headerhover" title="换肤" data-toggle="tooltip" data-placement="bottom"
                            onclick="$('#examplePositionSidebar').modal()"><a href="javascript:void(0)"><i class="fa fa-th"></i></a></li>
                        <!--缩小 图标 wb-contract-->
                        <li class="hzy-header-btn hzy-headerhover" onclick="hzy.fullScreen.handleFullScreen(this);"
                            title="全屏" data-toggle="tooltip" data-placement="bottom"><a href="javascript:void(0)"><i
                                    class="wb-expand"></i></a></li>
                        <li class="hzy-header-btn hzy-headerhover"><a href="javascript:void(0)" title="退出系统"
                                data-toggle="tooltip" data-placement="bottom"><span>登录人：&nbsp;管理员&nbsp;&nbsp;</span><i
                                    class="fa fa-sign-out"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="hzy-header-mobile">
                <ul>
                    <li class="hzy-header-btn hzy-headerhover" onclick="hzy.menu.toggle(this)"><a href="javascript:void(0)"><i
                                class="fa fa-bars"></i></a></li>
                    <li class="hzy-header-btn hzy-headerhover hzy-logo"><a href="javascript:void(0)">HzyAdmin后台管理系统</a></li>
                </ul>
            </div>
        </header>
        <main>
            <nav class="hzy-navMenu hzy-navMenu-width220">
                <div class="hzy-navMenu-sidebar sidebar-nav">
                    <ul class="metismenu" id="menu">
                        <li>
                            <a href="javascript:void(0)" hzy-router-href="home.html" hzy-router-text="首页" class="has-first-menu active">
                                <i class="fa fa-fw fa-home fa-lg"></i>&nbsp;&nbsp;<span>首页</span>
                            </a>
                        </li>
                        <li class="active">
                            <a class="has-arrow has-first-menu" href="javascript:void(0)" aria-expanded="true">
                                <i class="fa fa-fw fa-desktop fa-lg"></i>&nbsp;&nbsp;<span>按钮/表单/表格</span>
                            </a>
                            <ul aria-expanded="true" class="collapse in">
                                <li><a hzy-router-href="views/buttons/index.html" hzy-router-text="按钮">按钮</a></li>
                                <li><a hzy-router-href="views/tables/index.html" hzy-router-text="表格">表格</a></li>
                                <li><a hzy-router-href="views/forms/index.html" hzy-router-text="基本表单">基本表单</a></li>
                                <li><a hzy-router-href="views/forms/index1.html" hzy-router-text="质感表单">质感表单</a></li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="has-arrow has-first-menu" href="javascript:void(0)" aria-expanded="false">
                                <i class="fa fa-fw fa-cubes fa-lg"></i>&nbsp;&nbsp;<span>基础页面</span>
                            </a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a hzy-router-href="views/modals/index.html" hzy-router-text="模态框">模态框</a></li>
                                <li><a hzy-router-href="views/panel/index.html" hzy-router-text="面板">面板</a></li>
                                <li><a hzy-router-href="views/tabs-accordions/index.html" hzy-router-text="选项卡">选项卡</a></li>
                                <li><a hzy-router-href="views/icons/index.html" hzy-router-text="矢量图标">矢量图标</a></li>
                                <li><a hzy-router-href="views/two-columns/index.html" hzy-router-text="两栏式布局">两栏式布局</a></li>
                                <li><a hzy-router-href="views/step/index.html" hzy-router-text="步骤">步骤</a></li>
                                <li><a hzy-router-href="views/colors/index.html" hzy-router-text="颜色搭配">颜色搭配</a></li>
                                <li><a hzy-router-href="views/utilities/index.html" hzy-router-text="辅助类">辅助类</a></li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="has-arrow has-first-menu" href="javascript:void(0)" aria-expanded="false">
                                <i class="fa fa-fw fa fa-weixin fa-lg"></i>&nbsp;&nbsp;<span>微信管理</span>
                            </a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="#">item 1.1</a></li>
                                <li><a href="#">item 1.2</a></li>
                                <li>
                                    <a class="has-arrow" href="#" aria-expanded="false">Menu 1.3</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="#">item 1.3.1</a></li>
                                        <li><a href="#">item 1.3.2</a></li>
                                        <li><a href="#">item 1.3.3</a></li>
                                        <li><a href="#">item 1.3.4</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">item 1.4</a></li>
                                <li>
                                    <a class="has-arrow" href="#" aria-expanded="false">Menu 1.5</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="#">item 1.5.1</a></li>
                                        <li><a href="#">item 1.5.2</a></li>
                                        <li><a href="#">item 1.5.3</a></li>
                                        <li><a href="#">item 1.5.4</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a class="has-arrow has-first-menu" href="#" aria-expanded="false">
                                <i class="fa fa-fw fa-line-chart fa-lg"></i>&nbsp;&nbsp;<span>统计管理</span>
                            </a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="#">item 2.1</a></li>
                                <li><a href="#">item 2.2</a></li>
                                <li><a href="#">item 2.3</a></li>
                                <li><a href="#">item 2.4</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <content class="hzy-left220">
                <nav class="hzy-navTab">
                    <div class="hzy-navTab-left" onclick="hzy.tabs.leftMove()"><i class="fa fa-chevron-left"></i></div>
                    <div class="hzy-navTab-center">
                        <ul class="list-unstyled list-inline">
                            <li class="hzy-navTab-li active" title="首页" mdata-title="首页"><a hzy-router-href="home.html"
                                    hzy-router-text="首页"><span>首页</span></a></li>
                            <!--<li class="hzy-navTab-li"><a><span>会员列表</span></a><i class="fa fa-close" onclick="hzy.tabs.close(event,$(this).parent().parent())"></i></li>-->
                        </ul>
                    </div>
                    <div class="hzy-navTab-right" onclick="hzy.tabs.rightMove()"><i class="fa fa-chevron-right"></i></div>

                    <div class="btn-group dropdown pull-left" style="height:100%;" id="hzy-tools">
                        <button type="button" class="btn btn-outline btn-default dropdown-toggle height-full hzy-navTab-more"
                            id="exampleBulletDropdown2" data-toggle="dropdown" aria-expanded="false">
                        </button>
                        <div class="dropdown-menu dropdown-menu-bullet dropdown-menu-right" aria-labelledby="exampleBulletDropdown2"
                            role="menu" x-placement="bottom-end">
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.removeOtherTab()">
                                <i class="fa fa-close"></i> 关闭其他</a>
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.removeAllTab()"><i
                                    class="fa fa-power-off"></i>
                                关闭所有</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="javascript:;" role="menuitem" onclick="hzy.tabs.refreshThisTab()"><i
                                    class="fa fa-repeat"></i> 刷新当前</a>
                        </div>
                    </div>



                </nav>
                <section class="hzy-main">
                    <div id="pageContent">
                        <iframe class="hzy-iframe hzy-iframe-active" frameborder="0" src="home.html" name="adminIframe-home.html"></iframe>
                    </div>
                </section>
            </content>

        </main>
    </div>

    <!--皮肤模态框-->
    <div class="modal fade" id="examplePositionSidebar" aria-hidden="true" aria-labelledby="examplePositionSidebar"
        role="dialog" tabindex="-1">
        <div class="modal-dialog modal-sidebar modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">皮肤设置</h3>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">导航条颜色：</label>

                          
                            <ul class="list-unstyled list-inline" style="text-align: center;">
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-primary" onclick="hzy.setTheme(null,0);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-cyan" onclick="hzy.setTheme(null,1);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-green" onclick="hzy.setTheme(null,2);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-indigo" onclick="hzy.setTheme(null,3);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-grey" onclick="hzy.setTheme(null,4);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-pink" onclick="hzy.setTheme(null,5);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-purple" onclick="hzy.setTheme(null,6);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-red" onclick="hzy.setTheme(null,7);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-teal" onclick="hzy.setTheme(null,8);"></div>
                                </li>
                                <li class="pr-5 pl-5 inline-block">
                                    <div class="index-skin index-skin-orange" onclick="hzy.setTheme(null,9);"></div>
                                </li>
                            </ul>
                        </div>
                        <div class="form-group">
                            <label>菜单皮肤：</label>
                            <select class="form-control" onchange="hzy.setTheme($(this).val(),null)">
                                <option value="0">==菜单皮肤==</option>
                                <option value="0">深色</option>
                                <option value="1">浅色</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>菜单默认状态：</label>
                            <select class="form-control" onchange="hzy.menu.toggle(null, $(this).val())">
                                <option value="">==菜单默认状态==</option>
                                <option value="2">收起</option>
                                <option value="1">展开</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-block" data-dismiss="modal"> 关闭 </button>
                </div>
            </div>
        </div>
    </div>

    <script src="js/Router.js"></script>
    <script src="libs/jquery/jquery-3.2.1.min.js"></script>
    <script src="libs/popper.min.js"></script>
    <script src="libs/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
    <script src="libs/bootstrap-4.1.3-dist/js/bootstrap.bundle.min.js"></script>
    <script src="libs/metisMenu/metisMenu.js"></script>
    <script src="js/main.js"></script>
    <script type="text/javascript">
        $(function () {
            hzyRouter.init();
            hzy.init();
            $('#hzy-tools > .dropdown-toggle').dropdown();
            $('#hzy-container').on('click', function () {
                $('#hzy-tools > .dropdown-toggle').dropdown('toggle');
            });

        });
    </script>
</body>

</html>